<script setup>
import { computed } from 'vue'
import { useRoute } from 'vue-router'
import AppLayout from './components/AppLayout.vue'

const route = useRoute()
const isLoginPage = computed(() => route.path === '/login')
</script>

<template>
  <div v-if="isLoginPage">
    <router-view></router-view>
  </div>
  
  <AppLayout v-else>
    <router-view></router-view>
  </AppLayout>
</template>

<style>
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#app {
  width: 100%;
  height: 100%;
}

/* Element Plus 图标样式调整 */
.el-icon {
  vertical-align: middle;
}
</style>
